<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<script type="text/javascript" src="${basePath}javascript/plugins/lib/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="${basePath}javascript/plugins/bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="${basePath}javascript/project/homepage/homepage.js"></script>
<script type="text/javascript" src="${basePath}javascript/project/common.js"></script>
<link rel="stylesheet" href="${basePath}javascript/plugins/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="${basePath}css/common/header.css" />
<link rel="stylesheet" href="${basePath}css/common/common.css" />
<link rel="stylesheet" href="${basePath}css/component/search-form.css" />
<link rel="stylesheet" href="${basePath}css/component/quickly-enter.css" />
<link rel="stylesheet" href="${basePath}css/component/advertising.css" />
<link rel="stylesheet" href="${basePath}css/component/product-grid.css" />
<link rel="stylesheet" href="${basePath}css/component/introduction.css" />
<#include "/common/header.ftl" />
</head>
<body>

	<div class="cus-header">
		
		<div class="container">
		
			<div class="row">
				<div class="col-md-4">
				</div>
				<div class="col-md-8">
					
					<div class="subtitle-nav-container">
					
						<ul class="list-inline">
						  <li class="ofheader"><a href="#">导航</a></li>
						  <li class="ofheader">导航</li>
						  <li class="ofheader">导航</li>
						  <li class="ofheader">导航</li>
						  <li class="ofheader">导航</li>
						  <li class="ofheader">导航</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		
	</div>

	<@header active=1/>	
	
	
	<div class="container">
	
		<div class="row margintop10">
			
			<div class="col-md-5">
		
				<div class="panel panel-default">
				  <div class="panel-body search-panel-bg">
				    
				    	<div class="search-panel">
				    			
				    		<div class="search-panel-header">
				    			<div class="label1 click-load" target-selector=".search-panel-body" url="${basePath}homepage/recommend">
									站长推荐
				    			
				    			</div>
				    			<div class="label2 active-label">销量排行</div>
				    			<div class="label3 click-load" target-selector=".search-panel-body" url="${basePath}homepage/login">会员登陆</div>
				    		</div>
				    		<div class="search-panel-body" align="center">
				    		
		    		
				    		</div>

				    	</div>
				  </div>
				</div>
				
			</div>
			
			<div class="col-md-7">
			
				<div class="panel panel-default">
				  <div class="panel-heading"><span class="cus-panel-heading">快速进入</span></div>
				  <div class="panel-body">
				    	<ul class="list-inline">
				    		<li class="quickly-search">
				    			<div><img src="${basePath}images/test1.png"/></div>
				    			<div>精品饭</div>
				    		</li>
				    		<li class="quickly-search">
				    			<div><img src="${basePath}images/test1.png"/></div>
				    			<div>套饭</div>
				    		</li>
				    		<li class="quickly-search">
				    			<div><img src="${basePath}images/test1.png"/></div>
				    			<div>面食</div>
				    		</li>
				    		<li class="quickly-search">
				    			<div><img src="${basePath}images/test1.png"/></div>
				    			<div>零食</div>
				    		</li>
				    		<li class="quickly-search">
				    			<div><img src="${basePath}images/test1.png"/></div>
				    			<div>饮料</div>
				    		</li>
				    		<li class="quickly-search">
				    			<div><img src="${basePath}images/test1.png"/></div>
				    			<div>生活用品</div>
				    		</li>
				    		<li class="quickly-search">
				    			<div><img src="${basePath}images/test1.png"/></div>
				    			<div>香烟</div>
				    		</li>
				    	</ul>
				  </div>
				</div>
				
				<div class="panel panel-default">
				  	<img src="${basePath}images/t2.jpg" class="advertision-1"/>
				</div>
				
			
			</div>
			
		
		</div>

		
	</div>
	
	<div class="container">
	
		<div class="row">
		
			<div class="col-md-3">
			
				<div>
					<img src="${basePath}images/t5.png" class="advertision-1"/>
				</div>
				
					<div class="list-group margintop10 leftMenu">
						<#list menus as menu>
						
						  <a class="list-group-item click-load <#if defaultMenu.id = menu.id>active</#if>" target-selector=".products-grid" url="${basePath}homepage/getproducts/${menu.id}">
						    <h4 class="list-group-item-heading">${menu.name}</h4>
						    <p class="list-group-item-text">${menu.description}</p>
						  </a>
					  	</#list>
					</div>
					
				
				<div class="introduction">
				
					<div>
						<div class="introduction-header"><h2>文字文字文字</h2></div>
					</div>
					<div class="introduction-body">
						<ul class="list-unstyled">
							<li>
								<img src="${basePath}images/t6.png"/>
								<span>文字文字</span>
								<p class="text-muted">文字文字问</p>
							</li>
							<li>
								<img src="${basePath}images/t6.png"/>
								<span>文字文字</span>
								<p class="text-muted">文字文字问</p>
							</li>
							<li>
								<img src="${basePath}images/t6.png"/>
								<span>文字文字</span>
								<p class="text-muted">文字文字问</p>
							</li>
							<li>
								<img src="${basePath}images/t6.png"/>
								<span>酒店酒店</span>
								<p class="text-muted">文字文字问</p>
							</li>
							
						</ul>
					</div>
				</div>
			
			</div>
		
		  <div class="col-md-9 products-grid" target-selector=".products-grid" url="${basePath}homepage/getproducts/${defaultMenu.id}"></div>
		  
		</div>
	</div>
</body>
</html>